<template>
  <div class="attention">
    <div class="attention-top">
      <p @click="goBack">
        <img :src="require('../../../components/My/image/weibiaoti.png')" alt=""/>
      </p>
       <h4> 我关注的品牌</h4> 
    </div>
      <BrandsVue/>

    </div>
</template>

<script>
import BrandsVue from '@/components/My/mychilren/Brands.vue';

export default {
    data() {
        return {};
    },
    methods: {
        goBack() {
            this.$router.go(-1);
        }
    },
    components: { BrandsVue }
};
</script>

<style lang="scss">

.attention-top{
  width: 100%;
  height:  76.8px;
  p{
     width: 12px;
      height: 24px;
      margin-left: 43px;
      margin-top: 34px;
      display: inline-block;
      img{
        width: 12px;
        height: 24px;
      }
  }
  h4{
    display: inline-block;
    margin-left: 230px;
    width: 204px;
    height: 48px;
    font-size: 34px;
    font-family: PingFangSC-Medium-, PingFangSC-Medium;
    // font-weight:bold;
    color: #2F2F2F;
    line-height: 48px;
  }
 
}
</style>
